<template>
  <div style="width:598px" class="container">
    <div v-for="image in images" :key="image" class="img-slide">
      <img :src="image" />
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import 'ie9-slick/slick/slick.css'
import 'ie9-slick/slick/slick-theme.css'

export default Vue.extend({
  asyncData() {
    return {
      images: [
        'http://script.zxxk.com/flash/js200520.jpg',
        'http://script.zxxk.com/flash/js200422.jpg',
        'http://script.zxxk.com/flash/js2005202.jpg',
      ]
    }
  },
  mounted() {
    const $ = require('ie9-slick')
    $('.container').slick()
  }
})
</script>

<style>
.container {
  width: 598px;
  height: 190px;
  overflow: hidden;
}
</style>
